<template>
    <div>
        <hei />
              <p> &emsp;&emsp; 房先森互联网家装有别于传统装修公司与其他装修中介平台，
          以自营模式整合设计师与项目经理，利用互联网将工地进行在线全景直播，
          通过去中间环节，提供装修套餐 + 个性化定制服务。</p>
          <hei />
          <div class="jing">
            <p class="p"><i class="iconfont class icon-tel"></i>服务热线:17757169861</p>
            <div class="bo">
                <span>触屏版</span>
                <span>电脑版</span>
                <span>关于我们</span>
                <span>联系我们</span>
            </div>
            <div class="footer">
                <span class="del"><img src="@/assets/icon_close.png" alt=""></span>
                <div class="img-box">
                    <img class="img" src="@/assets/quoten_bottom.png" alt="">
                </div>
                <div class="btn-box">
                    <button>获取报价</button>
                </div>
            </div>
          </div>
    </div>
</template>
<script>
import hei from "./Hei.vue"
export default {
    data(){
        return{
        }
    },
    components:{
        hei
    }
}
</script>

<style lang="scss" scoped>
.btn-box{
    float: right;
    margin-top: -40px;
}
.img-box{
    width: 100%;
    height: 53px;
    float: left;
    .img{
        width: 56%;
        height: 100%;
        margin-left: 40px;
    }
}
.footer{
    width: 100%;
    height: 78px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    .del{
        color: whitesmoke;
        margin: 0;padding: 0;
        img{
        width: 20px;
        margin: 0;padding: 0;
        height: 20px;
        }
    }
}
p{
    text-align: center;
}
.bo{
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
}
</style>
